<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>订单管理</title>
    <div th:replace="common::scriptFile"></div>
</head>
<style>
    .iframeClass {
        height: 650px !important;
    }
</style>
<script>

    $(function () {
        $('#table').bootstrapTable({
            url: '/orderAdmin/findSellerOrderInfo',
            method: 'GET',                      //请求方式（*）
            toolbar: '#toolbar',              //工具按钮用哪个容器
            striped: true,                      //是否显示行间隔色
            cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
            pagination: true,                   //是否显示分页（*）
            sortable: true,                     //是否启用排序
            sortOrder: "asc",                   //排序方式
            sidePagination: "client",           //分页方式：client客户端分页，server服务端分页（*）
            pageNumber: 1,                      //初始化加载第一页，默认第一页,并记录
            pageSize: 10,                     //每页的记录行数（*）
            pageList: [5, 10, 15],        //可供选择的每页的行数（*）
            showColumns: false,                  //是否显示所有的列（选择显示的列）
            showRefresh: false,                  //是否显示刷新按钮
            minimumCountColumns: 4,             //最少允许的列数
            clickToSelect: true,                //是否启用点击选中行
            height: 650,                      //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
            uniqueId: "id",                     //每一行的唯一标识，一般为主键列
            showToggle: false,                   //是否显示详细视图和列表视图的切换按钮
            cardView: false,                    //是否显示详细视图
            detailView: false,                  //是否显示父子表

            //得到查询的参数
            queryParams: function (params) {
                // console.log(params)
                //这里的键的名字和控制器的变量名必须一致，这边改动，控制器也需要改成一样的
                var temp = {
                    // sort: params.sort,      //排序列名
                    // sortOrder: params.order //排位命令（desc，asc）
                    //模糊查询
                    startDate:$("#startDate").val(),
                    endDate:$("#endDate").val()
                };
                return temp;
            },

            columns: [{
                field: 'createTime',
                title: '日期',
            }, {
                field: 'totalAmount',
                title: '总金额'
            }, {
                field: 'prepaid',
                title: '已支付金额'
            }, {
                field: 'unpaid',
                title: '未支付金额'
            }, {
                field: 'id',
                title: '操作',
                width: 120,
                align: 'center',
                valign: 'middle',
                formatter: function (value, row, index) {
                    var id = value;
                    var result = "";
                    result += "<a href='javascript:updateBrand(" + id + ") ' class='btn btn-xs blue' title='编辑'><button type='button' class='btn btn-success btn-xs'><span class='glyphicon glyphicon-pencil'></span></button></a>";
                    result += "<a href='javascript:deleteBrand(" + id + ")' class='btn btn-xs' title='删除'><button type='button' class='btn btn-danger btn-xs'><span class='glyphicon glyphicon-remove'></span></button></a>";

                    return result;
                },
            }]
        });
    })

    //刷新当前页面
    function getRefresh() {

        $('#table').bootstrapTable("refresh")
    }

    //导出Excel
    function exportExcel() {
        location.href = "/orderAdmin/export?startDate="+$("#startDate").val() + "&endDate="+$("#endDate").val()
    }

</script>

</head>
<body>
    <h3>订单管理</h3>
    <hr>
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-7"></div>
            <div class="col-md-5">
                <form class="form-inline" role="form" style="">
                    <div class="form-group">
                        <input type="date" id="startDate" class="form-control" placeholder="" value="">
                    </div>
                    <div class="form-group">
                        <input type="date" id="endDate" class="form-control" placeholder="" value=" ">
                    </div>
                    <div class="form-group">
                        <input type="button" value="查询" onclick="getRefresh()" class="btn-primary btn-sm btn">
                    </div>

                    <div class="form-group">
                        <input type="button" value="导出Excel" onclick="exportExcel()" class="btn-success btn-sm btn">
                    </div>
                </form>
            </div>
        </div>
    </div>
<!--表格数据-->
<table id="table"></table>
</body>
</html>